<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>商品列表—易购触屏版</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/detail.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./mui/css/mui.css">
    <link rel="stylesheet" href="./mui/css/icons-extra.css">
</head>

<body>
    <div id="app">
        <!-- 公用头部导航 -->
        <nav class="nav">
            <a class="goback" href="javascript:history.back(1)">
                <span class="mui-icon mui-icon-undo"></span>
            </a>
            <div class="nav-title">会员登录</div>
        </nav>
        <!-- 页面主体 -->
        <section>
            <div>
                <input class="Phone" placeholder="" id="memberPhone">
                <input class="password" id="password" type="password" required>
            </div>
            <div>
                <button id="login" class="mui-btn mui-btn-warning" @click="login">登录</button>
            </div>
            <div>
                <a class="reg" href="#">免费注册</a>
                <a class="forgetPassword" href="#">忘记密码</a>
            </div>
        </section>
        <!-- 公用尾部 -->
        <footer class="footer">
            <a href="#">
                <span class="mui-icon mui-icon-home"></span>
                <span class="mui-tab-label">首页</span>
            </a>
            <a href="#">
                <span class="mui-icon mui-icon-personadd"></span>
                <span class="mui-tab-label">分类</span>
            </a>
            <a href="#">
                <span class="mui-icon mui-icon-extra mui-icon-extra-cart"></span>
                <span class="mui-tab-label">购物车</span>
            </a>
            <a href="#">
                <span class="mui-icon mui-icon-gear current"></span>
                <span class="mui-tab-label current">我的</span>
            </a>
        </footer>
    </div>
</body>

</html>
<script src="./js/axios.min.js"></script>
<script>
    let login = document.getElementById('login')
    login.onclick=function(){
    let memberPhone=document.getElementById('memberPhone').value
    let password=document.getElementById('password').value
    axios.post('http://localhost:8090/h4/user/getMember',{memberPhone,password})
    .then(res =>{
        console.log(res.data);
        if(res.data.success){
            alert('cg')
        }else{
            alert('')
        }
    })
}
</script>